<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input class="ip1" type="text" >
    <input class="ip2" type="text" >
    <input class="ip3" type="text" >
    <button onclick="getMax()">点击获取最大值</button>
    <span>最大值：</span>
</body>
<script>
    var ip1=  document.querySelector('.ip1');
    var ip2 = document.querySelector('.ip2');
    var ip3 = document.querySelector('.ip3');
    var btn = document.querySelector('button');
    var sp = document.querySelector('span');

   
   function getMax(num1,num2,num3){
    var num1 = parseFloat(ip1.value);
    var num2 = parseFloat(ip2.value);
    var num3 = parseFloat(ip3.value);
    var max;
    // 1.
    if(num1<num2){
            if(num2<num3){
                max = num3;
            }else{
                max = num2;
            }
        }else{
            if(num1>num3){
                max = num1;
            }else{
                max = num3;
            }
        }
        console.log(max);
        sp.innerHTML = max;

    // 2. 三目表达式
    // var max = num1>num2? num1 : num2;
    //     var m = max>num3? max : num3;
    //     sp.innerHTML = m;

    // 3.
    //     if(num1>num2){
    //     max = num1;
    //     if(max>num3){
    //         max;
    //     }else{
    //         max = num3;
    //     }
    // }else{
    //     max = num2;
    //     if(max>num3){
    //         max;
    //     }else{
    //         max = num3;
    //     }
    // }
    // sp.innerHTML = max;
    // console.log(max);
    }
    
</script>
</html>